
<template>
  <n-config-provider :locale="locale">
    <n-dialog-provider>
      <n-message-provider>
        <div class="display-flex czbj" id="app">
          <DPheader></DPheader>
          <div class="flex-1">
            <router-view v-slot="{ Component }">
              <keep-alive :include="keepAlive">
                <component :is="Component" />
              </keep-alive>
            </router-view>
          </div>
        </div>
      </n-message-provider>
    </n-dialog-provider>
  </n-config-provider>
</template>

 <script lang='ts' setup>
import {
  NMessageProvider,
  NDialogProvider,
  NConfigProvider,
  zhCN,
  createLocale,
} from "naive-ui";
import store from "./store";
import DPheader from "./layout/DPheader.vue";
const keepAlive = store.state.keepAlive;
const locale = createLocale(zhCN);
</script>

<style scoped>
</style>